<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script type="text/javascript">
			//创建两个UL标签
			
			
			
			function fun(liText){
				var ul1 = document.getElementById("ul1");
				var newLi1 = document.createElement("li");//创建li
				newLi1.appendChild(liText);//将文本放入li里
				ul1.appendChild(newLi1);//将li放入ul
			}
			
			window.onload = function(){
			//第一个练习
			/**
			 * 1、创建两个UL标签
			 * 2、给ul标签中添加三个新的li标签
			 * 3、在li标签中添加新的文本值  例如 苹果、香蕉、芒果
			 * 4、点击每个li标签，使其弹出该li标签中的水果名
			 * 
			 */
				fun(document.createTextNode("香橙"));
				fun(document.createTextNode("雪梨"));
				fun(document.createTextNode("柑橘"));
				
				for(var i=0;i<3;i++){
					var a1 = document.getElementsByTagName("li")[i];
				a1.onclick = function(){
					alert(this.innerHTML)
				}
				}
				
				
				
			
			
			
			
			
			
			
			}
			
			
		</script>
	</head>
	<body>
		<ul id="ul1"></ul>
		<ul id="ul2"></ul>
		
		
		
		
		
		
		
	</body>
</html>
